<template>
  <div>
    <h1>没有团队 请先创建团队</h1>
    <div>
      <a-form
        id="components-form-demo-normal-login"
        :form="form"
        class="login-form"
        @submit="handleSubmit"
      >
        <a-form-item>
          <a-input
            v-decorator="[
              'teamName',
              { rules: [{ required: true, message: '请输入团队名册名称' }] }
            ]"
            placeholder="团队名称"
          ></a-input>
        </a-form-item>
        <a-form-item>
          <a-input
            v-decorator="['target', { rules: [{ required: false }] }]"
            type="text"
            placeholder="请输入代理地址"
          ></a-input>
        </a-form-item>
        <a-form-item>
          <a-button type="primary" html-type="submit" class="login-form-button"
            >创建</a-button
          >
        </a-form-item>
      </a-form>
    </div>
  </div>
</template>

<script lang="ts" src="./team-add.ts"></script>

<style lang="scss">
#components-form-demo-normal-login .login-form {
  max-width: 300px;
}
#components-form-demo-normal-login .login-form-forgot {
  float: right;
}
#components-form-demo-normal-login .login-form-button {
  width: 100%;
}
</style>
